.matlab-icon {
  background-repeat: no-repeat;
  background: url('../images/matlab-icon.png');
}
.matlab-icon2 {
  background-repeat: no-repeat;
  background: url('../images/matlab-icon2.png');
}
.matlab-icon3 {
  background-repeat: no-repeat;
  background: url('../images/matlab-icon3.png');
}
.matlab-icon4 {
  background-repeat: no-repeat;
  background: url('../images/matlab-icon4.png');
}
.matlab-icon5 {
  background-repeat: no-repeat;
  background: url('../images/matlab-icon5.png');
}
.icon-script { background-position: -125px -92px; }
.icon-live-script { background: url('../images/new_live_script.png'); }
.icon-new { background-position: -168px -120px; }
.icon-open-file { background-position: 0 -168px; }
.icon-upload { background-position: -109px -126px; }
.icon-download { background-position: -50px -34px; }
.icon-go-to { background: url('../images/go_to_file.svg'); }
.icon-find-file { background: url('../images/find_files.png'); }
.icon-save-workspace { background: url('../images/save_workspace.png'); }
.icon-new-variable { background: url('../images/new_variable.png'); }
.icon-edit-variable { background: url('../images/edit_variable.png'); }
.icon-clear-variable { background-position: -50px -17px; }
.icon-favorites { background-position: -10px -10px; }
.icon-clear-command { background-position: -84px 0; }
.icon-simulink { background: url('../images/simulink.png'); }
.icon-layout { background-position: -50px -118px; }
.icon-preset { background-position: -208px -160px; }
.icon-parallel { background: url('../images/desktop_parallel.png'); }
.icon-add-on { background: url('../images/add_on.png'); }
.icon-help { background-position: -144px -120px; }
.icon-community { background-position: -67px -17px; }
.icon-feedback { background-position: -67px -34px; }
.icon-learning { background: url('../images/online_learning.png'); }
.icon-save-file { background-position: 0 -120px; }
.icon-goto { background: url('../images/goto.png'); }
.icon-search { background-position: -32px 0;; }
.icon-set-clear { background: url('../images/set-clear.png'); }
.icon-convert-function { background: url('../images/convert_function.png'); }
.icon-percent { background-position: 0 0; }
.icon-percent-close { background-position: -48px -16px; }
.icon-wrap-comment { background: url('../images/wrap_comment.png'); }
.icon-indentation { background-position: -48px 0; }
.icon-add-indentation { background-position: -16px -16px; }
.icon-cut-indentation { background-position: -16px -32px; }
.icon-run-section { background: url('../images/run_section.png'); }
.icon-insert-section { background: url('../images/insert_section_break.png'); }
.icon-run-cell { background: url('../images/run_cell_advance.png'); }
.icon-run { background-position: -48px -120px; }
.icon-step { background: url('../images/step.png'); }
.icon-quit { background: url('../images/quit.png'); }
.icon-highligh-line { background: url('../images/highlight_current_line.png'); }
.icon-data-tips { background: url('../images/datatips.png'); }
.icon-show-numbers { background: url('../images/show_line_numbers.png'); }
.icon-fold-expand { background: url('../images/fold_expand.png'); }
.icon-fold-collapse { background: url('../images/fold_collapse.png'); }
.icon-older { background: url('../images/older.png'); }
.icon-newer { background: url('../images/newer.png'); }
.icon-return-newer { background-position: 0 -50px; }
.icon-cut { background: url('../images/cut.png'); }
.icon-copy { background: url('../images/copy.png'); }
.icon-paste { background: url('../images/paste.png'); }
.icon-build-fold { background: url('../images/matlab_fold.png'); }
.icon-build-script { background: url('../images/matlab_script.png'); }
.icon-build-function { background: url('../images/matlab_functions.png'); }
.icon-build-example { background: url('../images/matlab_example.png'); }
.icon-build-class { background: url('../images/matlab_class.png'); }
.icon-build-zip { background: url('../images/matlab_zip.png'); }
.icon-forward { background: url('../images/forward.png'); }
.icon-back { background: url('../images/back.png'); }
.icon-browse-fold { background: url('../images/browse_fold.png'); }
.icon-back-previous { background: url('../images/back_previous.png'); }
.icon-folder16 { background-position: -22px 0; }
.icon-search-file { background: url('../images/search_file.png'); }

.m-auto { margin: 0 auto; }
.blurry { opacity: .35 ;}
.next-development {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba($color: black, $alpha: .6);

  &::before {
    content: '二期开发';
    position: absolute;
    color: white;
    font-size: 16px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.matlab-bar {
  width: 100%;
  height: 92px;
  background: #e6e6e6;
  font-size: 12px;
  border-bottom: 1px solid #999;
  position: relative;

  .icon-style {
    width: 24px;
    height: 24px;
    margin: 0 auto 5px;
  }

  .icon-style-small {
    width: 16px;
    height: 16px;
    margin: 0 auto 5px;
  }

  .block {
    position: relative;
    padding: 3px 2px 0;
    width: max-content;
    float: left;

    .desc {
      width: 100%;
      text-align: center;
    }

    .pt-10 {
      padding-top: 10px;
    }

    .row {
      height: 23px;
      padding: 2px 2px 0;
      text-align: center;
      margin-right: 5px;
      border: 1px solid transparent;
      width: max-content;

      & > div, i {
        margin-top: 2px;
      }

      &:hover {
        border-radius: 3px;
        border: 1px solid #999999;
        background: rgba($color: #FFF, $alpha: 0.3);
      }
      
      &.active {
        border: 1px solid #999;
        background: #d7d7d7;
      }
    }

    .column {
      text-align: center;
      margin-right: 5px;
      padding: 5px 5px 0;
      border: 1px solid transparent;

      &:hover {
        border-radius: 3px;
        border: 1px solid #999;
        background: rgba($color: #FFF, $alpha: 0.3);
      }

      &.active {
        border: 1px solid #999;
        background: #d7d7d7;
      }
    }

    .right-line {
      position: absolute;
      right: 0;
      top: 8px;
      width: 1px;
      height: 84px;
      display: inline-block;
      background: #ccc;
      vertical-align: top;
    }
  }
}
